<template>
	<view>
		<view class="infobox">
			<view class="titlebox">
				提现金额
			</view>
			<view class="pricebox">
				<view class="symbol">￥</view>
				<input type="number" placeholder="请输入金额" placeholder-style="font-size: 32rpx;"/>
			</view>
			<view class="integral">
				还剩余额￥20.00
			</view>
		</view>
		<view class="paytype">
			<view class="tit">提现账号</view>
			<view class="imgbox">
				<image src="../../static/wx.png"></image>
				<view>微信提现</view>
			</view>
		</view>
		<view class="butbox">
			立即充值
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.infobox{
		width: 642rpx;
		padding:0 24rpx ;
		height: 290rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin: 20rpx auto;
		.titlebox{
			width: 100%;
			height: 98rpx;
			line-height: 98rpx;
			font-size: 32rpx;
			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
			font-weight: 500;
			color: #222222;
		}
		.pricebox{
			display: flex;
			height: 96rpx;
			border-bottom: solid 2rpx #ECECEC;
			font-size: 48rpx;
			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
			font-weight: 500;
			color: #222222;
			.symbol{
				width: 60rpx;
				height: 96rpx;
				line-height: 96rpx;
				text-align: center;
			}
			>input{
				height: 96rpx;
				line-height: 96rpx;
				width: 500rpx;
			}
		}
		.integral{
			font-size: 28rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #555555;
			line-height: 94rpx;
			height: 94rpx;
		}
	}
	.paytype{
		width: 630rpx;
		margin: 0 auto;
		padding: 0 30rpx;
		height: 108rpx;
		background: #FFFFFF;
		border-radius: 14rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.tit{
			font-size: 32rpx;
			font-family: SourceHanSansCN-Regular-, SourceHanSansCN-Regular;
			font-weight: normal;
			color: #222222;
		}
		.imgbox{
			display: flex;
			align-items: center;
			image{
				width: 46rpx;
				height: 46rpx;
				margin-right: 20rpx;
			}
		}
	}
	.butbox{
		width: 690rpx;
		margin: 120rpx auto 0 auto;
		height: 96rpx;
		background: #FF8A9B;
		border-radius: 83rpx;
		text-align: center;
		line-height: 96rpx;
		font-size: 36rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
	}

</style>
